<template>
    <div id="savehb">
        <div class="haibao" :class="bgval"></div>
        <img :src="imgsrc" />
        <cjBtn v-show="cjBtnvalue"></cjBtn>
    </div>
</template>

<script>
import img from '../img.js'
export default {
    name:'savehb',
    data(){
        return{
            cjBtnvalue:true,
            params : this.$route.query.dna
        }
    },
    computed:{
        imgsrc(){
            if(this.params == 'ss'){
                return img.ss
            }else if(this.params == 'axg'){
                return img.axg
            }else if(this.params == 'jyl'){
                return img.jyl
            }else if(this.params == 'yy'){
                return img.yy
            }
        },
        bgval(){
            if(this.params == 'ss'){
                return 'ss'
            }else if(this.params == 'axg'){
                return 'axg'
            }else if(this.params == 'jyl'){
                return 'jyl'
            }else if(this.params == 'yy'){
                return 'yy'
            }
        }
    }
}
</script>


<style>
#savehb>img{
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
#savehb>.haibao{
    width: 100%;
    height: 157.33vw;
    background-size: 100% !important;
}
#savehb>.haibao.ss{
    background: url(../../static/img/ssshow.png) no-repeat;
}
#savehb>.haibao.axg{
    background: url(../../static/img/axgshow.png) no-repeat;
}
#savehb>.haibao.jyl{
    background: url(../../static/img/jylshow.png) no-repeat;
}
#savehb>.haibao.yy{
    background: url(../../static/img/yyshow.png) no-repeat;
}
</style>
